<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <title>Omni</title>
    <script type="text/javascript" src="Script/global.js"></script>
    <script type="text/javascript" src="Script/md5.js"></script>
    <script type="text/javascript" src="Script/JSON.js"></script>
    <script type="text/javascript" src="Script/AniScript.js"></script>
    <script type="text/javascript" src="Script/splash.js"></script>
    <script type="text/javascript" src="Script/lang.js"></script>
    <script type="text/javascript" src="Script/system.js"></script>
    <script type="text/javascript" src="Script/page.js"></script>    
    <script type="text/javascript" src="Script/user.js"></script>
    <script type="text/javascript" src="Script/halloffame.js"></script>
    <script type="text/javascript" src="Script/friends.js"></script>    
    <script type="text/javascript" src="Script/trans.js"></script>
    <script type="text/javascript" src="Script/messages.js"></script>
    <script type="text/javascript" src="Script/service.js"></script>
    <script type="text/javascript" src="Script/rater.js"></script>
    <link rel="stylesheet" href="Style/Default.css" media="all"/>
</head>
<body>
<!--begin of splash-->
<div id="splash" class="splash" style="filter:alpha(opacity=100);opacity:1.00;">
<table style="width:100%;height:100%"><tr><td>
<img alt="" src="image/logo_lg.gif" />
<div id="splash_status" style="padding:5px"><img alt="" src="image/loading.gif" title="loading" style="width:16px;height:16px" /> Loading ...</div>
</td></tr></table>
</div>
<!--end of splash-->

<!--begin of placeholder-->
<div id="placeholder" class="placeholder">
</div>
<!--end of placeholder-->

<center>
<div id="screen" style="display:none">
<!--begin of top-->
<div id="top" class="top">
    <table class="top_table">
    <tr>
    <td class="top_logo_td" rowspan="2"><a href="#" onclick="page_change('Home');return false"><img alt="" src="image/logo.gif" style="height:60px"/></a></td>
    <td class="top_user_menu_td"><span id="usermenu"></span>
    | 
    <select id="lang_selector" onchange="lang_select()">
        <option id="Omni_Localized_LanguageOptionENUS" value="en-US">English (U.S.)</option>
        <option id="Omni_Localized_LanguageOptionZHCN" value="zh-CN">Chinese (Simplified)</option>
        <option id="Omni_Localized_LanguageOptionKO" value="ko">Korean</option>
        <option id="Omni_Localized_LanguageOptionDE" value="de">German</option>
    </select> <span id="lang_loading"></span></td>
    </tr>
    <tr>
    <td class="top_menu_td"><span class="end">&nbsp;</span><span id="page_menu"></span></td>
    </tr>
    </table>
</div>
<!--end of top-->
<!--begin of langbar-->
<div id="langbar" class="header_orange_30">
<div id="langbar_myrating" style="position: absolute; left: 0px; padding: 8px;">
<img alt="" src="image/info.gif" title="info" />&nbsp;&nbsp;<strong>
<span id="Omni_Localized_LangBarMyRating">My rating:</span></strong> &nbsp;
<span id="langbar_myratingval"></span>
</div>
<div id="langbar_rest">
<span id="langbarlinks"></span>
</div>
</div>
<!--end of langbar-->
<!--begin of content-->
<div id="content" class="content"></div>
<!--end of content-->
<!--begin of footer-->
<div id="footer" class="footer">
<!-- under development -->
</div>
<!--end of footer-->
<!--begin of shader-->
<div id="shader" class="shader" style="display:none"></div>
<!--end of shader-->
</div>
</center>




<div id="pool" style="display:none">

<!--layouts-->
<div id="content_left_center_right" class="content_left_center_right"></div>
<div id="content_equal_left_right" class="content_equal_left_right"></div>
<div id="content_big_left_right" class="content_big_left_right"></div>
<div id="content_left_big_right" class="content_left_big_right"></div>
<div id="content_big_center" class="content_big_center"></div>
<div id="content_left"></div>
<div id="content_center"></div>
<div id="content_right"></div>
<!--layouts-->
    <!-- begin of omnihomepanel -->
    <div id="omnihomepanel">
        <div id="omnihomepanel_not_logged_in" class="standardpanel">
            <div class="title"><span id="Omni_Localized_GuestPanelWelcome">Welcome to Omni!</span></div>
            <div class="content">
            <p class="heading"><span id="Omni_Localized_GuestPanelOverview">Overview</span></p>
            <p class="para"><span id="Omni_Localized_GuestPanelOverviewText">
            Omni is a language learning system that uses social networking concepts to encourage student collaboration.
            Omni allows users to meet and communicate with each other in the language they are learning. Integrated into
            Omni are a set of features designed to help language learners of varying skill levels share information. When
            students encounter difficulties they can work past them by cooperating with other users. By allowing open 
            access to Omni, other social networks and communication services will be able to use the power of the network
            to allow their users to communicate across language barriers. One of the greatest obstacles for language
            students is moving from the classroom to native speaking; Omni seeks to overcome these difficulties using 
            social networking.
            </span></p>
            </div>
        </div>
        <div id="omnihomepanel_logged_in" class="standardpanel">
            <div class="title">
                <span id="Omni_Localized_UserPanelTitle"></span>
            </div>
            <div class="content">
                <p class="heading">
                    <span id="Omni_Localized_UserPanelOmniThings">Things to do on Omni:</span>
                </p>
                <ul class="para">
                    <li><a href="#" onclick="page_change('GetIntroduced'); return false"><span id="Omni_Localized_UserPanelOmniThings1">Meet someone new</span></a></li>
                    <li><a href="#" onclick="page_change('PerformTrans'); return false"><span id="Omni_Localized_UserPanelOmniThings2">Help someone with a translation</span></a></li>
                    <li><a href="#" onclick="page_change('HallOfFame'); return false"><span id="Omni_Localized_UserPanelOmniThings3">View the top translators on the network</span></a></li>
                    <li><a href="#" onclick="page_change('Friends'); return false"><span id="Omni_Localized_UserPanelOmniThings4">Find someone you know</span></a></li>
                    <li><a href="#" onclick="page_change('Messages'); messages_compose(); return false"><span id="Omni_Localized_UserPanelOmniThings5">Send a message to a friend</span></a></li>
                    <li><a href="#" onclick="page_change('RequestTrans'); return false"><span id="Omni_Localized_UserPanelOmniThings6">Get help with a language problem</span></a></li>
                    <li><a href="#" onclick="page_change('Profile'); return false"><span id="Omni_Localized_UserPanelOmniThings7">Tell Omni more about yourself</span></a></li>
                    <li><a href="#" onclick="page_change('ViewTrans'); return false"><span id="Omni_Localized_UserPanelOmniThings8">View translations you've been involved with in the past</span></a></li>
                    <li><a href="#" onclick="set_view_trans_tab('ViewTransTabAllTranslations');page_change('ViewTrans'); return false"><span id="Omni_Localized_UserPanelOmniThings9">Search translations that have already been completed</span></a></li>
                    <li><a href="#" onclick="langbar_auto_trans_expand(); return false"><span id="Omni_Localized_UserPanelOmniThings10">Get a quick automated translation</span></a></li>
                </ul>
                <br style="line-height: normal;" />
                <p class="heading">
                    <span id="Omni_Localized_UserPanelOmniHow">How do I use Omni?</span>
                </p>
                <ul class="para">
                    <li><span id="Omni_Localized_UserPanelOmniHow1">It's a social network! Find friends, meet new people, and strike up a conversation with them. Don't worry about what language they speak, Omni is here to help you learn.</span></li>
                    <li><span id="Omni_Localized_UserPanelOmniHow2">The big orange bar is called the Language Toolbar. Anytime you need help saying or understanding something in another language, use the tools it provides you.</span></li>
                    <li><span id="Omni_Localized_UserPanelOmniHow3">Request and Perform translations often! When you can help someone learn, take the time to do it. When you have a question, don't be afraid to ask!</span></li>
                </ul>                
            </div>
        </div>
    </div>
    <!-- end of omnihomepanel -->

    <!--begin of servicedictpanel-->
    <div id="servicedictpanel" class="boxpanel">
            <div class="title"><span id="Omni_Localized_ServiceDictTitle">Dictionary Lookup</span></div>
            <div class="content">
                <form action="" id="form_servicedict" onsubmit="service_dict();return false" style="margin:0px;padding:5px;">
                <input id="form_servicedict_word" type="text" style="width:97%"/><br />
                <select id="form_servicedict_lang" style="margin-top:5px;margin-bottom:5px;width:100%">
                <option id="Omni_Localized_ServiceDictENUS" value="en-US">U.S. English Dictionary</option>
                </select><br />
                <input id="Omni_Localized_ServiceDictSubmitButton" type="submit" value="Lookup" />
                <input id="Omni_Localized_ServiceDictResetButton" type="reset" value="Reset" onclick="service_dict_reset();"/>
                <span id="servicedictpanel_status"></span>
                </form>
            </div>
            <div class="content_gray" id="servicedictpanel_resultpanel" style="display:none">
            <textarea cols="20" rows="5" readonly="readonly" id="servicedictpanel_result" style="width:98%"></textarea>
            </div>
    </div>
    <!--end of servicedictpanel-->
    <!--end of servicetranspanel-->
    <!--begin of servicetranspanel-->
    <div id="servicetranspanel" style="margin-top: 15px;">
        <form action="" id="form_servicetrans" onsubmit="service_trans();return false" style="margin:0px;padding:5px;">
        <table>
        <tr>
        <td>
        <textarea id="form_servicetrans_msg" cols="20" rows="3" style="width:300px;"></textarea>
        <img id="servicetranspanel_loading" alt="" src="image/loading_l.gif" style="width:100%;display:none" />
        <textarea cols="20" rows="3" readonly="readonly" id="servicetranspanel_result" style="width:300px;display:none"></textarea>
        </td>
        <td>
        <select id="form_servicetrans_direction" style="margin-top:5px;margin-bottom:5px;">
        <option id="Omni_Localized_ServiceTransENUS2ZHCN" value="en-US_zh-CN">English (U.S.) to Chinese (Simplified)</option>
        <option id="Omni_Localized_ServiceTransENUS2KO" value="en-US_ko">English (U.S.) to Korean</option>
        <option id="Omni_Localized_ServiceTransENUS2FR" value="en-US_fr">English (U.S.) to French</option>
        <option id="Omni_Localized_ServiceTransENUS2IT" value="en-US_it">English (U.S.) to Italian</option>
        <option id="Omni_Localized_ServiceTransENUS2JA" value="en-US_ja">English (U.S.) to Japanese</option>
        <option id="Omni_Localized_ServiceTransENUS2PT" value="en-US_pt">English (U.S.) to Portuguese</option>
        <option id="Omni_Localized_ServiceTransENUS2RU" value="en-US_ru">English (U.S.) to Russian</option>
        <option id="Omni_Localized_ServiceTransENUS2ES" value="en-US_es">English (U.S.) to Spanish</option>        
        
        <option id="Omni_Localized_ServiceTransZHCN2ENUS" value="zh-CN_en-US">Chinese (Simplified) to English (U.S.)</option>        
        <option id="Omni_Localized_ServiceTransKO2ENUS" value="ko_en-US">Korean to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransFR2ENUS" value="fr_en-US">French to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransIT2ENUS" value="it_en-US">Italian to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransJA2ENUS" value="ja_en-US">Japanese to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransPT2ENUS" value="pt_en-US">Portuguese to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransRU2ENUS" value="ru_en-US">Russian to English (U.S.)</option>
        <option id="Omni_Localized_ServiceTransES2ENUS" value="es_en-US">Spanish to English (U.S.)</option>        
                
        </select><br />
        <input id="Omni_Localized_ServiceTransSubmitButton" type="submit" value="Translate" />
        <input id="Omni_Localized_ServiceTransResetButton" type="reset" value="Reset" onclick="service_trans_reset();"/>
        <br />
        <span id="servicetranspanel_status" style="color:Black; padding: 2px;"></span>        
        </td>
        </tr>
        </table>
        </form>
    </div>
    <!--end of servicetranspanel-->    

    <!--begin of userpanel-->
    <div id="userpanel">
        <div id="userpanel_not_logged_in" class="boxpanel" style="display:none">
            <div class="title_orange"><span id="Omni_Localized_UserLoginTitle">User Login</span></div>
            <div class="content">
                <form action="" id="form_user_login" onsubmit="user_login(); return false" style="margin:0px">
                <table style="margin-left:auto; margin-right:auto;">
                    <tr>
                        <td style="text-align:right;width:50px"><span id="Omni_Localized_UserLoginUsername">Username: </span></td>
                        <td><input id="form_user_login_username" type="text" style="width:130px" maxlength="100" /></td>
                    </tr>
                    <tr>
                        <td style="text-align:right;width:50px"><span id="Omni_Localized_UserLoginPassword">Password: </span></td>
                        <td><input id="form_user_login_password" type="password" style="width:130px" /></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align:center"><input id="Omni_Localized_UserLoginSubmitButton" type="submit" value="Login" /> 
                        <input id="Omni_Localized_UserLoginRegisterButton" type="button" value="Register" onclick="page_change('Register')" /></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align:center" id="userpanel_status"></td>
                    </tr>
                </table>
                </form>
            </div>
            <div class="content_gray"><a href="#" onclick="page_change('Register'); return false"><span id="Omni_Localized_UserLoginRegisterLink">Register now for free.</span></a></div>
        </div>
        <div id="userpanel_logged_in" class="boxpanel" style="display:none">
            <!--<div class="title_orange"><span id="Omni_Localized_UserControlPanelTitle">My Control Panel</span></div>-->
            <div class="content" style="line-height: 15px;">
                <span id="usercontrolpanel_status"></span>
                <span id="usercontrolpanel_complete">
                <span id="usercontrolpanel_updateprofile"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('Profile'); return false"><span id="Omni_Localized_UserControlPanelUpdateProfile">It appears that you have not yet updated your profile, please take the time to tell Omni about yourself. This will allow us to make the site work for you.</span></a><br /><br /></span>
                <span id="usercontrolpanel_approvetrans0"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="set_view_trans_tab('ViewTransTabNeedApproval'); page_change('ViewTrans'); return false"><span id="Omni_Localized_UserControlPanelApproveTrans0">You have no translations to approve.</span></a><br /><br /></span>
                <span id="usercontrolpanel_approvetrans1"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="set_view_trans_tab('ViewTransTabNeedApproval'); page_change('ViewTrans'); return false"><span id="Omni_Localized_UserControlPanelApproveTrans1">You need to approve one translation.</span></a><br /><br /></span>
                <span id="usercontrolpanel_approvetrans2"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="set_view_trans_tab('ViewTransTabNeedApproval'); page_change('ViewTrans'); return false"><span id="Omni_Localized_UserControlPanelApproveTrans2">You need to approve __ translations.</span></a><br /><br /></span>
                <span id="usercontrolpanel_unreadmsgs0"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('Messages'); return false"><span id="Omni_Localized_UserControlPanelUnreadMsgs0">You have no unread messages.</span></a><br /><br /></span>
                <span id="usercontrolpanel_unreadmsgs1"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('Messages'); return false"><span id="Omni_Localized_UserControlPanelUnreadMsgs1">You have 1 unread message.</span></a><br /><br /></span>
                <span id="usercontrolpanel_unreadmsgs2"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('Messages'); return false"><span id="Omni_Localized_UserControlPanelUnreadMsgs2">You have __ unread messages.</span></a><br /><br /></span>                
                <span id="usercontrolpanel_globalreq"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('PerformTrans'); return false"><span id="Omni_Localized_UserControlPanelGlobalReq">There are __ translation requests matching your abilities and knowledge.</span></a><br /><br /></span>            
                <span id="usercontrolpanel_personalreq1"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('PerformTrans'); return false""><span id="Omni_Localized_UserControlPanelPersonalReq1">There is one personal translation request waiting for you.</span></a><br /><br /></span>
                <span id="usercontrolpanel_personalreq2"><img src="image/info.gif" alt="" style="margin-right: 4px;" /><a href="#" onclick="page_change('PerformTrans'); return false""><span id="Omni_Localized_UserControlPanelPersonalReq2">There are __ personal translation requests waiting for you.</span></a><br /><br /></span>
                </span>
            </div>
        </div>
    </div>
    <!--end of userpanel-->
    <!--begin of userregisterpanel-->
    <div id="userregisterpanel" class="userregisterpanel standardpanel">
    <div class="title"><span id="Omni_Localized_UserRegisterTitle">Register A New Account</span></div>
    <div class="content">
    <span id="Omni_Localized_UserRegisterInfo">* All fields are required.</span>
    <form action="" id="form_user_register" onsubmit="user_register(); return false" style="margin:0px">
    <div class="step_gray">
    <span id="Omni_Localized_UserRegisterName">What would you like others to call you?</span><br />
    <input type="text" id="form_user_register_name" maxlength="100"/><br />
    </div>
    
    <div class="step">
    <span id="Omni_Localized_UserRegisterEmail">What's your primary E-mail address?</span><br />
    <input type="text" id="form_user_register_email" maxlength="255"/><br />
    </div>
    <div class="step_gray">
    <span id="Omni_Localized_UserRegisterUsername">Please choose a username for yourself:</span><br />
    <input type="text" id="form_user_register_username" maxlength="100"/><br />
    </div>
    <div class="step">   
    <span id="Omni_Localized_UserRegisterPassword">Choose an effective password:</span><br />
    <input type="password" id="form_user_register_password" /><br />
    </div>
    <div class="step_gray">
    <span id="Omni_Localized_UserRegisterPasswordAgain">Try to put down the exact same password again:</span><br />
    <input type="password" id="form_user_register_password2" /><br />
    </div>
    <div class="step">
    <span id="Omni_Localized_UserRegisterCaptcha">Could you read the picture? (Click on it to get a new one)</span><br />
    <img id="userregisterpanel_captcha" alt="" src="image/empty.jpg" style="width:200;height:80" onclick="user_register_update_captcha()"/><br />
    <input type="text" id="form_user_register_captcha" maxlength="5"/><br />
    </div>
    <div class="step_gray">
    <span id="Omni_Localized_UserRegisterDoYouAgree">Do you agree with our User Agreement?</span>
    (<a href="#" onclick="return false"><span id="Omni_Localized_UserRegisterViewUserAgreement">View User Agreement</span></a>)
    <input type="checkbox" value="yes" id="form_user_register_agree"/> <span id="Omni_Localized_UserRegisterIAgree">Yes, I do.</span><br />
    </div>
    <div class="step">
    <div style="margin:5px 0px 5px 0px; height:30px; line-height:10px"><input type="submit" value="Register" id="Omni_Localized_UserRegisterSubmitButton"/>
    <input type="reset" value="Clear" id="Omni_Localized_UserRegisterResetButton" onclick="user_register_reset()"/>
    <span id="userregisterpanel_status"></span></div>
    </div>
    </form>
    </div>
    </div>
   <!--end of userregisterpanel-->
    <!--begin of userprofilepanel-->
    <div id="userprofilepanel" class="standardpanel">
    <div class="title"><span id="Omni_Localized_UserProfileTitle">Profile</span></div>
    <div class="content">
    <form action="" id="form_user_profile" onsubmit="user_update(); return false" style="margin:0px">

    <table border="0">
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileUsername">Username:</span></td>
            <td style="width:15px"></td>
            <td id="form_user_profile_username"></td>
        </tr>
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileDisplayName">Display Name:</span></td>
            <td style="width:15px"></td>
            <td><input type="text" size="63" maxlength="255" id="form_user_profile_name" /></td>
        </tr>
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileEmail">E-Mail Address:</span></td>
            <td style="width:15px"></td>
            <td><input type="text" size="63" maxlength="100" id="form_user_profile_email" /></td>
        </tr>
        <tr>
            <td colspan="4">
                <img src="image/info.gif" alt="" style="margin-right: 4px;" />
                <span id="Omni_Localized_UserProfileHintProfileVisibility">Your profile description will be visible to everyone.</span>    
            </td>
        </tr>
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileDescription">Profile Description:</span></td>
            <td style="width:15px"></td>
            <td><textarea cols="60" rows="4" id="form_user_profile_description"></textarea></td>
        </tr>
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileInstantMessaging">Instant Messaging:</span></td>
        </tr>
        <tr>
            <td style="width:15px"></td>
            <td class="colheading"><span id="Omni_Localized_UserProfileNetwork">Network:</span></td>
            <td style="width:15px"></td>
            <td><input type="text" size="63" maxlength="100" id="form_user_profile_sn_network" /></td>
        </tr>
        <tr>
            <td style="width:15px"></td>
            <td class="colheading"><span id="Omni_Localized_UserProfileScreenname">Screenname:</span></td>
            <td style="width:15px"></td>
            <td><input type="text" size="63" maxlength="100" id="form_user_profile_sn_screenname" /></td>
        </tr>
        <tr>
            <td colspan="4">
                <img src="image/info.gif" alt="" style="margin-right: 4px;" />
                <span id="Omni_Localized_UserProfileHintLanguages">Choose languages that you know, or are planning to learn.</span>    
            </td>
        </tr>        
        <tr>
            <td class="colheading" colspan="2"><span id="Omni_Localized_UserProfileLanguages">Languages</span></td>
            <td colspan="2" id="form_user_profile_languages"></td>
            <td colspan="2" id="userprofilepanel_languagesupdating" style="display: none"><img alt="" src="image/loading.gif" title="loading" style="width:16px;height:16px" /><span id="Omni_Localized_UserProfileUpdating_Languages"> Updating ... </span></td>
        </tr>
        <tr>
            <td colspan="4" id="userprofilepanel_langlegend">
            <table class="detailtable" style="width: 570px;" cellpadding="2">
                <tr><th colspan="5"><span id="Omni_Localized_UserProfileSkillTableHeading">Skill Level Table</span></th></tr>
                <tr><td><span id="Omni_Localized_UserProfileSkillTableRating1">1 - Beginner</span></td>
                <td><span id="Omni_Localized_UserProfileSkillTableRating2">2 - Novice</span></td>
                <td><span id="Omni_Localized_UserProfileSkillTableRating3">3 - Intermediate</span></td>
                <td><span id="Omni_Localized_UserProfileSkillTableRating4">4 - Advanced</span></td>
                <td><span id="Omni_Localized_UserProfileSkillTableRating5">5 - Fluent</span></td></tr>
            </table>
            </td>
        </tr>         
        <tr>
            <td colspan="4">
                <img src="image/info.gif" alt="" style="margin-right: 4px;" />
                <span id="Omni_Localized_UserProfileHintIntroductions">Your languages and interests can later be used to introduce you to other users. </span>    
            </td>
        </tr>         
        <tr>
            <td class="colheading" colspan="2" valign="top"><span id="Omni_Localized_UserProfileInterests">Interests</span></td>
            <td colspan="2" id="form_user_profile_interests"></td>
            <td colspan="2" id="userprofilepanel_interestsupdating" style="display: none"><img alt="" src="image/loading.gif" title="loading" style="width:16px;height:16px" /><span id="Omni_Localized_UserProfileUpdating_Interests"> Updating ... </span></td>
        </tr>                   
    </table>  
    <div class="step">
    <div style="margin:5px 0px 5px 0px; height:30px; line-height:10px"><input type="submit" value="Update" id="Omni_Localized_UserProfileSubmitButton"/>
    <input type="button" value="Clear" id="Omni_Localized_UserProfileResetButton" onclick="user_profile_reset()"/>
    <span id="userprofilepanel_status"></span></div>
    </div>
    </form>
    </div>
    </div>
    <!--end of userprofilepanel-->    
    <!-- begin of friendspanel -->
    <div id="friendspanel" class="standardpanel">
        <div class="title"><span id="Omni_Localized_FriendsTitle">Friends</span></div>
        <div class="content">
        <p><a href="#" onclick="page_change('GetIntroduced'); return false"><span id="Omni_Localized_FriendsIntroduceLink">Allow Omni to introduce you to other users.</span></a></p>
        <a href="#" onclick="friends_toggle_search_panel(); return false"><span id="Omni_Localized_FriendsSearchForUser">Search for User</span></a>
        <div id="friendspanel_searchpanel" style="display: none;">
            <span id="Omni_Localized_FriendsSearchCriteria" style="line-height: 175%;">Search by Username, E-Mail, Display
                Name, or Profile Description:</span><br />
            <form action="" id="friendspanel_searchform" onsubmit="friends_search_user(); return false"
                style="margin: 0px">
                <input type="text" size="53" maxlength="255" id="friendspanel_searchcriteria" /><br />
                <input type="submit" value="Search" id="Omni_Localized_FriendsSearchButton" />
            </form>
            <span id="friendspanel_searchresultstable"></span>
        </div>
        <p><strong><span id="Omni_Localized_FriendsListTitle">Friends</span></strong>
        <br />
        <span id="friendspanel_friendstable"></span>
        </p>        
        </div>
    </div>
    <!-- end of friendspanel -->
    <!-- begin of omniprofilepanel -->
    <div id="omniprofilepanel" class="boxpanel">
        <div class="title"><span id="Omni_Localized_OmniProfileTitle">Profile</span></div>
        <div id="omniprofilepanel_content_empty" class="content">
        <span id="Omni_Localized_OmniProfileSelectHint">Select a user to see their profile.</span>
        </div>
        <div id="omniprofilepanel_content" class="content" style="display:none">
            <table border="0" class="omniprofilepaneltable" width="385">
                <tr>
                    <td class="colheading_lg" colspan="4" id="omniprofilepanel_name">
                    </td>
                </tr>
                <tr>
                    <td class="colheading" colspan="2">
                        <span id="Omni_Localized_OmniProfileUsername">Username:</span></td>
                    <td style="width: 15px">
                    </td>
                    <td id="omniprofilepanel_username">
                    </td>
                </tr>
                <tr id="omniprofilepanel_emailrow">
                    <td class="colheading" colspan="2">
                        <span id="Omni_Localized_OmniProfileEmail">E-Mail Address:</span></td>
                    <td style="width: 15px">
                    </td>
                    <td id="omniprofilepanel_email">
                    </td>
                </tr>
                <tr style="line-height: 150%;">
                    <td class="colheading" colspan="2">
                        <span id="Omni_Localized_OmniProfileDescription">Profile Description:</span></td>
                    <td style="width: 15px">
                    </td>
                    <td id="omniprofilepanel_description">
                    <!--<textarea style="position: relative; left: -10px;" cols="42" rows="4" id="omniprofilepanel_description" readonly="readonly"></textarea>-->
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="height: 15px;">
                        
                    </td>
                </tr>                
                <tr id="omniprofilepanel_imrow1" style="line-height: 200%;">
                    <td class="colheading" colspan="4">
                        <span id="Omni_Localized_OmniProfileInstantMessaging">Instant Messaging:</span></td>
                </tr>
                <tr id="omniprofilepanel_imrow2" style="line-height: 200%;">
                    <td style="width: 15px">
                    </td>
                    <td class="colheading">
                        <span id="Omni_Localized_OmniProfileNetwork">Network:</span></td>
                    <td style="width: 15px">
                    </td>
                    <td id="omniprofilepanel_network">
                    </td>
                </tr>
                <tr id="omniprofilepanel_imrow3" style="line-height: 200%;">
                    <td style="width: 15px">
                    </td>
                    <td class="colheading">
                        <span id="Omni_Localized_OmniProfileScreenname">Screenname:</span></td>
                    <td style="width: 15px">
                    </td>
                    <td id="omniprofilepanel_screenname">
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="height: 15px;">
                    </td>
                </tr>      
                <tr>
                    <td class="colheading" colspan="4" valign="top"  style="line-height: 150%;">
                        <span id="Omni_Localized_OmniProfileLanguages">Languages</span></td>
                </tr>
                <tr>
                    <td colspan="4" id="omniprofilepanel_languages">
                    </td>
                </tr>        
                <tr>
                    <td colspan="4" style="height: 15px;">
                    </td>
                </tr>                        
                <tr>
                    <td class="colheading" colspan="4" valign="top"  style="line-height: 120%;">
                        <span id="Omni_Localized_OmniProfileInterests">Interests</span></td>
                </tr>                
                <tr>
                    <td colspan="4" id="omniprofilepanel_interests">
                    </td>
                </tr>
            </table>
            <br /><br />
            <table border="0" class="omniprofilepanelactiontable">
                <tr id="omniprofilepanel_actionsrow" style="display: none;">
                    <td>
                        <input type="button" value="Add Friend" id="Omni_Localized_OmniProfileAddFriend" onclick="friends_add(omni_profile_panel_user); return false" />
                        <input type="button" value="Remove Friend" id="Omni_Localized_OmniProfileRemoveFriend" onclick="friends_remove(omni_profile_panel_user); return false" />
                    </td>
                    <td>
                        <input type="button" value="Send Message" id="Omni_Localized_OmniProfileSendMessage" onclick="compose_message_from_profile(); return false" />
                    </td>
                    <td>
                        <input type="button" value="Request Translation" id="Omni_Localized_OmniProfileRequestTrans" onclick="page_change('RequestTrans',omni_profile_panel_user); return false" />
                    </td>                    
                </tr>
                <tr id="omniprofilepanel_actionsloading" style="display: none;">
                    <td colspan="3">
                        <img alt="" src="image/loading.gif" title="loading" style="width: 16px; height: 16px" /><span
                            id="Omni_Localized_OmniProfileLoading_Actions"> Loading ... </span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- end of omniprofilepanel -->
    <!--begin of get_introduced_panel-->
    <div id="get_introduced_panel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_GetIntroducedTitle">Get Introduced</span></div>
        <div class="content" style="margin-bottom: 30px;">
            <div class="description">
                <span id="Omni_Localized_GetIntroducedDescription">Omni can introduce you to other users
                    to talk to, based on mutual languages spoken, and common interests.</span></div>
            <form action="" id="get_introduced_form" onsubmit="get_introduced(); return false"
                style="margin: 0px">
                <table border="0">
                    <tr>
                        <td class="colheading" colspan="2">
                            <span id="Omni_Localized_GetIntroducedLanguage">Introduction Language: </span>
                        </td>
                        <td style="width: 15px">
                        </td>
                        <td id="get_introduced_language_value">
                            <select id="get_introduced_lang">
                            </select>
                        </td>
                    </tr>
                </table>
                <input type="submit" value="Introduce" id="Omni_Localized_GetIntroducedIntroduceButton" />
                <br />
            </form>
            <span id="get_introduced_results"></span>
        </div>
    </div>
    <!--end of get_introduced_panel-->
    <!--begin of viewtranspanel-->
    <div id="viewtranspanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_ViewTransTitle">View Translations</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <div id="viewtranstab" class="viewtranstab" style="margin-bottom: 20px;">
            </div>
            <div id="viewtranspanel_searchpanel" style="display: none;">
                <!--<span id="Omni_Localized_ViewTransSearch">Search</span>-->
                <table border="0" style="line-height: 150%;">
                    <tr>
                        <td class="colheading">
                            <span id="Omni_Localized_ViewTransSearchSearchLang">Search Language:</span>
                        </td>
                        <td style="width: 15px">
                        </td>
                        <td>
                            <select id="viewtranssearch_searchlang">
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="colheading">
                            <span id="Omni_Localized_ViewTransSearchOtherLang">Other Language:</span>
                        </td>
                        <td style="width: 15px">
                        </td>
                        <td>
                            <select id="viewtranssearch_otherlang">
                            </select>
                        </td>
                    </tr>
                </table>
                <form action="" id="viewtranspanel_searchform" onsubmit="view_trans_search(); return false"
                    style="margin: 0px;">
                    <span id="Omni_Localized_ViewTransSearchKeywords">Keywords:</span><br />
                    <input type="text" size="53" maxlength="255" id="viewtrans_searchcriteria" /><br />
                    <input type="submit" value="Search" id="Omni_Localized_ViewTransSearchButton" />
                </form>
            </div>
            <span id="viewtrans_transtable_mine"></span>
            <span id="viewtrans_transtable_approval"></span>
            <span id="viewtrans_transtable_all"></span>
        </div>
    </div>
    <!--end of viewtranspanel-->
    <!--begin of performtranspanel-->
    <div id="performtranspanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_PerformTransTitle">Perform Translation</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <span id="Omni_Localized_PerformTransPersonal" class="heading">My Translations</span><br />
            <span id="performtrans_personal"></span><br /><br />
            <span id="Omni_Localized_PerformTransGlobal" class="heading">All Translations</span><br />   
            <span id="performtrans_global"></span>
            <br /><br />
        </div>        
    </div>
    <!--end of performtranspanel-->
    <!--begin of transdetailpanel-->
    <div id="transdetailpanel" class="boxpanel">
        <div class="title">
            <span id="Omni_Localized_TransDetailTitle">Translation Details</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
        <div id="transdetailpanel_req"></div>
        <br /><br />
        <div id="transdetailpanel_ans"></div>
        <div id="transdetailpanel_submit" >
            <table class="detailtable">
                <tr><th><span id="Omni_Localized_TransDetailsTranslateThisMsg">Translate This Message</span></th></tr>
                <tr><td><textarea id="transdetailpanel_translatetext" cols="40" rows="4" style="width:99%"></textarea></td></tr>
                <tr><td><input type="button" id="Omni_Localized_TransDetailsTranslateSubmit" value="Submit My Translation" onclick="trans_details_submit_translation(); return false" /></td> </tr>
            </table>
        </div>
        </div>
    </div>
    <!--end of transdetailpanel-->
    <!--begin of requesttranspanel-->
    <div id="requesttranspanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_RequestTransTitle">Request Translation</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <table border="0" width="585" cellpadding="2" style="line-height: 175%;">
                <tr>
                    <td>
                        <span id="Omni_Localized_RequestTransDesiredTranslator">Desired Translator:</span></td>
                    <td>
                        <span id="requesttranspanel_nonfixeddst">
                            <select id="requesttranspanel_dsttype" onchange="if(this.selectedIndex == 0) $('requesttranspanel_friends').style.display = 'none'; else $('requesttranspanel_friends').style.display = ''; return false">
                                <option id="Omni_Localized_RequestTransGlobal" selected="selected" value="0">Global
                                    / Anyone</option>
                                <option id="Omni_Localized_RequestTransSpecificUser" value="1">Specific User</option>
                            </select>
                            <span id="requesttranspanel_friends" style="display: none;"></span></span><span id="requesttranspanel_fixeddst"
                                style="display: none;"></span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Omni_Localized_RequestTransSrcLang">Source Language:</span></td>
                    <td>
                        <select id="requesttranspanel_srclang" onchange="request_trans_validate_lang(); return false">
                        </select>
                        <span id="requesttranspanel_srclang_status"></span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Omni_Localized_RequestTransDstLang">Destination Language:</span></td>
                    <td>
                        <select id="requesttranspanel_dstlang" onchange="request_trans_validate_lang(); return false">
                        </select>
                        <span id="requesttranspanel_dstlang_status"></span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Omni_Localized_RequestTransSubject">Subject:</span></td>
                    <td>
                        <input type="text" maxlength="255" style="width: 400px;" id="requesttranspanel_subject" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Omni_Localized_RequestTransTextToTrans">Text to Translate:</span></td>
                    <td>
                        <textarea cols="60" rows="5" id="requesttranspanel_message" style="width: 400px;"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="button" id="Omni_Localized_RequestTransSubmit" onclick="request_trans_submit(); return false"
                            value="Submit Request" />
                        &nbsp;&nbsp; <span id="requesttranspanel_status"></span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!--end of requesttranspanel-->
    <!--begin of halloffamepanel-->
    <div id="halloffamepanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_HallOfFameTitle">Hall of Fame</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <table id="halloffamepanel_myratingtable">
                <tr>
                    <td class="colheading">
                        <img alt="" src="image/info.gif" title="info" />&nbsp;&nbsp;<span id="Omni_Localized_HallOfFameMyRating">My
                            rating:</span></td>
                    <td style="width: 15px;">
                    </td>
                    <td>
                        <span id="halloffamepanel_myrating"></span>
                    </td>
                </tr>
            </table>
            <p style="margin: 4px; margin-bottom: 14px; line-height: 20px;">
                <span id="Omni_Localized_HallOfFameOverview">The users listed below have worked hard
                    to help other Omni users learn languages. Please join us in thanking and congratulating
                    them.</span>
            </p>
            <span id="Omni_Localized_HallOfFameByRating" style="line-height: 20px;" class="heading">
                Highest ranked users (All Time)</span><br />
            <p style="margin: 4px; margin-bottom: 14px; line-height: 20px;">
                <img alt="" src="image/info.gif" title="info" />&nbsp;&nbsp; <span id="Omni_Localized_HallOfFameRatingOverview">
                    User ratings are calculated by adding up the quality ratings from all the of the
                    translations that the user has performed.</span>
            </p>
            <span id="halloffamepanel_byratingtable"></span>
            <br />
            <span id="Omni_Localized_HallOfFameByQuantity" style="line-height: 20px;" class="heading">
                Most active users (Last 30 days)</span><br />
            <span id="halloffamepanel_byquantitytable"></span>
            <br />
        </div>
    </div>
    <!--end of halloffamepanel-->
    <!--begin of messagespanel-->
    <div id="messagespanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_MessagesTitle">Messages</span>
        </div>
        <div class="content" style="margin-bottom: 30px; line-height: 150%;">
            <p><a href="#" onclick="messages_compose(); return false;"><span id="Omni_Localized_MessagesCompose">Compose a New Message</span></a></p>
            <p class="heading"><span id="Omni_Localized_MessagesReceivedTab">Received</span></p>
            <span id="messagespanel_received"></span>
            <br />
            <p class="heading"><span id="Omni_Localized_MessagesSentTab">Sent</span></p>
            <span id="messagespanel_sent"></span>                
        </div>
    </div>
    <!--end of messagespanel-->
    <!--begin of messagedetailpanel-->
    <div id="messagedetailpanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_MessageDetailsTitle">Message Details:</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <span id="messagedetailpanel_loading" style="display: none;"><img alt="" src="image/loading.gif" title="loading" style="width:16px;height:16px" /><span id="Omni_Localized_MessageDetailsLoading"> Loading ... </span></span>
            <span id="messagedetailpanel_status"></span>
            <table border="0" width="385" id="messagedetailpanel_details" style="line-height: 150%;">
                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableDate_Details">Date</span></td>
                    <td id="messagedetailpanel_date"></td>
                </tr>
                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableSender_Details">Sender</span></td>
                    <td id="messagedetailpanel_sender"></td>
                </tr>
                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableRecipient_Details">Recipient</span></td>
                    <td id="messagedetailpanel_recipient"></td>
                </tr>
                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableSubject_Details">Subject</span></td>
                    <td id="messagedetailpanel_subject"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <textarea cols="50" rows="6" style="width: 400px;" id="messagedetailpanel_body" readonly="readonly"></textarea>
                    </td>
                </tr>          
            </table><br style="line-height: 8px;" />
            <input type="button" id="Omni_Localized_MessageDetailsReply" value="Reply to Sender" onclick="compose_message_reply(); return false" />
	        <input type="button" id="Omni_Localized_MessageDetailsRequestTranslation" value="Request Translation" onclick="request_trans_set_subject($('messagedetailpanel_subject').innerHTML); request_trans_set_message($('messagedetailpanel_body').value); page_change('RequestTrans'); return false" />
        </div>
    </div>
    <!--end of messagedetailpanel-->    
    <!--begin of composemsgpanel-->
    <div id="composemsgpanel" class="standardpanel">
        <div class="title">
            <span id="Omni_Localized_MessagesCompose_Title">Compose a New Message</span>
        </div>
        <div class="content" style="margin-bottom: 30px;">
            <table border="0" width="385" id="composemsgpanel_details" style="line-height: 150%;">

                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableRecipient_Compose">Recipient</span></td>
                    <td id="composemsgpanel_recipient">
                        <span id="composemsgpanel_nonfixeddst"><span id="composemsgpanel_friends">
                        </span></span><span id="composemsgpanel_fixeddst" style="display: none;"></span>
                    </td>
                </tr>
                <tr>
                    <td class="colheading"><span id="Omni_Localized_MessageTableSubject_Compose">Subject</span></td>
                    <td><input type="text" style="width: 300px;" maxlength="255" id="composemsgpanel_subject" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <textarea cols="50" rows="9" style="width: 400px;" id="composemsgpanel_body"></textarea>
                    </td>
                </tr>          
            </table>
	        <input type="button" id="Omni_Localized_ComposeMessageSendButton" value="Send Message" onclick="message_send(); return false" />
	        <input type="button" id="Omni_Localized_ComposeMessageRequestTransButton" value="Request Translation" onclick="request_trans_set_subject($('composemsgpanel_subject').value); request_trans_set_message($('composemsgpanel_body').value); page_change('RequestTrans'); return false" />
	        <br />
	        <span id="composemsgpanel_status"></span>
        </div>
    </div>
    <!--end of composemsgpanel-->  
</div>

</body>
</html>